<div style="height: 500px;overflow: auto;">
    <p-tabView>
        <p-tabPanel header="基本信息">
            <div style="border: 1px solid #c7cdd9;margin-bottom: 20px;">
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="supplierUnit">申请单位： </label>
                        <label>{{ workflow.applyUnit}}</label>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="supplierUnit">申请单编号： </label>
                        <label>{{ workflow.code}}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-12">
                        <label for="supplierUnit">供方单位： </label>
                        <label>{{ workflow.supplierUnit}}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-12">
                        <label for="flowExplain">外协原因：</label>
                        <label>{{ workflow.explain}}</label>
                    </div>
                </div>
            </div>
        </p-tabPanel>
        <p-tabPanel header="申请内容">
            <div style="border: 1px solid #c7cdd9;margin-bottom: 20px;">
                <div class="row" style="overflow: auto;">
                    <div class="align-items-center">
                        <!--<Primeng-TurboTable-Start>-->
                        <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
                            <p-table #dataTable [value]="Outsourcings" rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true" [scrollable]="true" ScrollWidth="100%" [responsive]="primengTableHelper.isResponsive" [resizableColumns]="primengTableHelper.resizableColumns">
                                <ng-template pTemplate="header">
                                    <tr>
                                        <th style="width: 100px">
                                            序号
                                          </th>
                                        <th style="width: 150px">
                                            任务号
                                        </th>
                                        <th style="width: 150px">
                                            产品图号
                                        </th>
                                        <th style="width: 150px">
                                            产品名称
                                        </th>
                                        <th style="width: 150px">
                                            加工状态
                                        </th>
                                        <th style="width: 130px">
                                            交付进度
                                        </th>
                                        <th style="width: 100px">
                                            数量
                                        </th>
                                        <th style="width: 100px">
                                            参考单价
                                          </th>
                                          <th style="width: 100px">
                                            参考总价
                                          </th>
                                        <th style="width: 120px">
                                            备注
                                        </th>
                                    </tr>
                                </ng-template>
                                <ng-template pTemplate="body" let-record="$implicit"  let-ri='rowIndex'>
                                    <tr>
                                        <th style="width: 100px">
                                            {{ri+1}}
                                          </th>
                                        <td style="width: 150px">
                                            {{record.taskCode}}
                                        </td>
                                        <td style="width: 150px">
                                            {{record.picNo}}
                                        </td>
                                        <td style="width: 150px">
                                            {{record.taskName}}
                                        </td>
                                        <td style="width: 150px">
                                            <!-- 加工状态 -->
                                            {{record.workStatus}}
                                        </td>
                                        <td style="width: 130px">
                                            <!-- 交付进度 -->
                                            {{record.deliveryRate | momentFormat:'L'}}
                                        </td>
                                        <td style="width: 100px">
                                            <!-- 数量 -->
                                            {{record.outsouringAmount}}
                                        </td>
                                        <td style="width: 100px">
                                            {{record.unitPrice}}
                                          </td>
                                          <td style="width: 100px">
                                            {{record.unitPrice * record.outsouringAmount}}
                                          </td>
                                          <td style="width: 120px">
                                            {{ record.remark }}
                                          </td>
                                    </tr>
                                </ng-template>
                            </p-table>
                            <div class="primeng-no-data" *ngIf="Outsourcings.length == 0">
                                {{'NoData' | localize}}
                            </div>
                        </div>
                        <!--<Primeng-TurboTable-End>-->
                    </div>
                </div>
            </div>

        </p-tabPanel>
        <p-tabPanel header="审批记录">
            <app-flowApprovalRecord workflowid="{{workflowid}}"></app-flowApprovalRecord>
        </p-tabPanel>
    </p-tabView>
</div>